<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>用车记录</title>
    <link rel="stylesheet" href="UC_style.css">
    <style>
        #header2 {
            height: 40px;
            background: white;
        }

        .main {
            width: 100%;
            height: 800px;
            background: RGB(239,239,239);
            float: left;
        }

        h3 {
            text-align: center;
            margin-top: 10px;
            margin-bottom: 10px;
            color:black;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }

        th, td {
            text-align: left;
            padding: 10px;
            border-bottom: 1px solid #ddd;
            text-align: center;
        }
        th {
            background-color: #ddd;
        }
    </style>
</head>
<body>
    <div class="main">
        <div id="header2">
            <img src="img/frist.png" alt="Big Boat" width="30" height="30" style=" vertical-align: middle;">
            乘客用车管理 > 用车记录
        </div>
        <h3>用车记录</h3>
        <table>
            <thead>
                <tr>
                    <th>单号</th>
                    <th>车辆类型</th>
                    <th>开始日期</th>
                    <th>结束日期</th>
                    <th>乘车人数</th>
                    <th>车辆用途</th>
                    <th>司机</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>10086</td>
                    <td>商务车</td>
                    <td>2021-01-01</td>
                    <td>2021-01-05</td>
                    <td>3人</td>
                    <td>出差开会</td>
                    <td>张三</td>
                </tr>
                <tr>
                    <td>10087</td>
                    <td>小轿车</td>
                    <td>2021-02-01</td>
                    <td>2021-02-05</td>
                    <td>3人</td>
                    <td>接待客户</td>
                    <td>李四</td>
                </tr>
                <tr>
                    <td>10095</td>
                    <td>越野车</td>
                    <td>2021-03-01</td>
                    <td>2021-03-05</td>
                    <td>2人</td>
                    <td>接待客户</td>
                    <td>王五</td>
                </tr>
                <tr>
                    <td>10186</td>
                    <td>小轿车</td>
                    <td>2021-04-01</td>
                    <td>2021-04-02</td>
                    <td>3人</td>
                    <td>工程抢修</td>
                    <td>辛六</td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
</html>